<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>wenjuandiaocha</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="/js/vue.js"></script>
    <!-- 引入样式element-->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入cookie -->
    <script src="https://cdn.bootcss.com/js-cookie/latest/js.cookie.min.js"></script>
    <!-- 使用element中的组件v-chart图表 -->
    <script src="//unpkg.com/echarts/dist/echarts.min.js"></script>
    <script src="//unpkg.com/v-charts/lib/index.min.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-size: 14px;
            /* 可以消除边框对长宽的影响 */
        }

        a {
            text-decoration: none;
        }

        #nav {
            width: 100%;
            height: 100px;
            line-height: 100px;
            position: fixed;
            box-sizing: border-box;
            margin-bottom: 20px;
            border-bottom: 2px solid #1EA0FA;
            background-color: #fff;
            z-index: 100;
        }

        .logo {
            width: 20%;
            height: 60px;
            margin: 20px;
            float: left;
        }

        .logo img {
            height: 100%;
        }

        .btn {
            width: 20%;
            float: right;
        }

        #content {
            overflow: hidden;
            clear: both;
            display: flex;
            flex-direction: row;
            padding-top:102px;
            margin-bottom:40px;
        }

        #cleft {
            width:30%;
        }
        #cleft .ll{
            width:20%;
            position:fixed;
            text-align:center;
        }
        #cleft .ll a{
            color:#666;
        }

        #cright {
            width:70%;
        }
        #cright .png{
            width: 100%;
            border-bottom:1px solid #f3ebeb;
            padding-top:20px;
        }
        #cright .png img{
            width: 80%;
            margin:10%;
        }

        #footer {
            width:100%;
            height:60px;
            line-height: 60px;
            background-color: #404142;
            color:#fff;
            text-align:center;
        }
    </style>
</head>

<body>
    <div id="home">
        <div id="nav">
            <div class="logo">
                <img src="/img/logo.png" alt="">
            </div>

            <el-row class="btn">
                <el-button type="primary" round class="oo" size="medium">
                    <a href="/regist">注册</a>
                </el-button>
                <el-button type="primary" plain round class="oo" size="medium">
                    <a href="/login">登录</a>
                </el-button>
            </el-row>
        </div>
        <div id="content">
            <div id="cleft">
                <div class="ll">
                    <el-menu>
                        <el-menu-item>
                            <a href="#r1">题型</a>
                        </el-menu-item>
                        <el-menu-item>
                            <a href="#r2">逻辑</a>
                        </el-menu-item>
                        <el-menu-item>
                            <a href="#r3">渠道推送</a>
                        </el-menu-item>
                        <el-menu-item>
                            <a href="#r4">密码设置</a>
                        </el-menu-item>
                        <el-menu-item>
                            <a href="#r5">奖项</a>
                        </el-menu-item>
                        <el-menu-item>
                            <a href="#r6">问卷分析</a>
                        </el-menu-item>
                    </el-menu>
                </div>
            </div>
            <div id="cright">
                <div id="r1" class="png">
                    <img src="/img/r1.png" alt="">
                </div>
                <div id="r2" class="png">
                    <img src="/img/r2.png" alt="">
                </div>
                <div id="r3" class="png">
                    <img src="/img/r3.png" alt="">
                </div>
                <div id="r4" class="png">
                    <img src="/img/r4.png" alt="">
                </div>
                <div id="r5" class="png">
                    <img src="/img/r5.png" alt="">
                </div>
                <div id="r6" class="png">
                    <img src="/img/r6.png" alt="">
                </div>
            </div>
        </div>
        <div id="footer">
                长沙冉星信息科技有限公司 版权所有    ICP证:43019002000245    湘ICP备17005436号-1    湘公网安备 43019002000245号  工商网监  安全联盟认证   工商网监 认证联盟
        </div>
    </div>

</body>

</html>
<script>

    var homeVm = new Vue({
        el: '#home',
        data: {}
    })







</script>